<template>
  <div> 
    <section class="page">
      <div class="p-header">
        <img src="@/assets/images/aboutUs/backdrop@2x.png" alt />
        <span>BWRM商户版</span>
        <p>上线公告</p>
      </div>
       <div class="box">
         <div class="title">
          尊敬的BWRM商家：
         </div>
         <div class="content">
           <p class="program">
             BWRM于2019年8月5日首次上线BWRM商户版APP，BWRM商户版是BWRM为BWRM商户推出的移动端管理工具，入驻BWRM商户版APP的商户可以轻松使用更多功能，包括数据中心、营销文章、个人中心等功能。让商户可以更高效地使用BWRM平台提供的服务。
           </p>
           <p class="program"> 
            后续我们会不断优化，提供更多更实用的功能给到BWRM的商户，感谢商户朋友们的支持与信任！
           </p>
         </div>
         <p class="mark">2019年8月5日</p>
         <p class="mark">BWRM平台</p>
       </div>
    </section>
  </div>
</template>

<script> 
export default {
  name: "announceI", 
  components: { 
  },
  data() {  
  }, 
};
</script>
<style lang="scss" scoped>
.page { 
  .p-header {
    width: 100%;
    height: 324px;
    position: relative;
    font-family: PingFangSC-Regular;
    font-size: 64px;
    color: #ffffff;
    letter-spacing: 20px;
    text-shadow: 2px 2px 1px #fdd148;
    text-align: left;
    img {
      width: 100%;
      height: 100%;
    }
    span {
      position: absolute;
      left: 123px;
      top: 58px;
    }
    p {
      position: absolute;
      left: 123px;
      top: 146px;
    }
  }  
  .box{
    width: 600px;
    margin: 84px auto 30px;
    .title{
      font-family: PingFangSC-Medium;
      font-size: 40px;
      color: #303133; 
      font-weight: 700;
    }
    .content{
      font-family: PingFangSC-Regular;
      font-size: 30px;
      color: #818181; 
      line-height: 60px;
      margin: 48px auto 84px;
      .program{
        text-indent: 2em;
      }
    }
    .mark{
      font-family: PingFangSC-Regular;
      font-size: 30px;
      color: #818181; 
      text-align: right;
      line-height: 60px;
    }
  }
}
</style>
